<template>
  <div id="app">
    <!-- 所有页面统一渲染出口： -->
    <!-- 1. 登录/注册/403/404 → 直接渲染（无布局） -->
    <!-- 2. 各角色后台页面 → 渲染MainLayout（含Sidebar/Header/Footer） -->
    <router-view />
  </div>
</template>

<script setup>
// 根组件仅作为路由容器，所有布局和页面逻辑由路由和MainLayout承载
</script>

<style scoped lang="scss">
#app {
  // width: 100vw;
  height: 100vh;
  overflow: hidden;
  font-family: "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}

/* 全局样式重置 + 高度继承（适配Element Plus布局） */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

// html,
// body {
//   height: 100vh;
// }

/* 滚动条优化（主内容区滚动更舒适） */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}

::-webkit-scrollbar-track {
  background-color: #f9f9f9;
}
</style>